<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!-- 页面meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title>小区物业后台管理系统-用户首页</title>
<meta name="description" content="小区物业后台管理系统-首页">
<meta name="keywords" content="小区物业后台管理系统-首页">
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/hbxstyle2.css">
<!-- Tell the browser to be responsive to screen width -->
<meta
	content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"
	name="viewport">
<!-- Bootstrap 3.3.6 -->
<!-- Font Awesome -->
<!-- Ionicons -->
<!-- iCheck -->
<!-- Morris chart -->
<!-- jvectormap -->
<!-- Date Picker -->
<!-- Daterange picker -->
<!-- Bootstrap time Picker -->
<!--<link rel="stylesheet" href="${pageContext.request.contextPath}/${pageContext.request.contextPath}/${pageContext.request.contextPath}/plugins/timepicker/bootstrap-timepicker.min.css">-->
<!-- bootstrap wysihtml5 - text editor -->
<!--数据表格-->
<!-- 表格树 -->
<!-- select2 -->
<!-- Bootstrap Color Picker -->
<!-- bootstrap wysihtml5 - text editor -->
<!--bootstrap-markdown-->
<!-- Theme style -->
<!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
<!-- Ion Slider -->
<!-- ion slider Nice -->
<!-- bootstrap slider -->
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->

<!-- jQuery 2.2.3 -->
<!-- jQuery UI 1.11.4 -->
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<!-- Bootstrap 3.3.6 -->
<!-- Morris.js charts -->
<!-- Sparkline -->
<!-- jvectormap -->
<!-- jQuery Knob Chart -->
<!-- daterangepicker -->
<!-- datepicker -->
<!-- Bootstrap WYSIHTML5 -->
<!-- Slimscroll -->
<!-- FastClick -->
<!-- iCheck -->
<!-- AdminLTE App -->
<!-- 表格树 -->
<!-- select2 -->
<!-- bootstrap color picker -->
<!-- bootstrap time picker -->
<!--<script src="${pageContext.request.contextPath}/${pageContext.request.contextPath}/${pageContext.request.contextPath}/plugins/timepicker/bootstrap-timepicker.min.js"></script>-->
<!-- Bootstrap WYSIHTML5 -->
<!--bootstrap-markdown-->
<!-- CK Editor -->
<!-- InputMask -->
<!-- DataTables -->
<!-- ChartJS 1.0.1 -->
<!-- FLOT CHARTS -->
<!-- FLOT RESIZE PLUGIN - allows the chart to redraw when the window is resized -->
<!-- FLOT PIE PLUGIN - also used to draw donut charts -->
<!-- FLOT CATEGORIES PLUGIN - Used to draw bar charts -->
<!-- jQuery Knob -->
<!-- Sparkline -->
<!-- Morris.js charts -->
<!-- Ion Slider -->
<!-- Bootstrap slider -->
<!-- 页面meta /-->

<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/ionicons/css/ionicons.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/iCheck/square/blue.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/morris/morris.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/datepicker/datepicker3.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.theme.default.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/select2/select2.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/adminLTE/css/AdminLTE.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/adminLTE/css/skins/_all-skins.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/style.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.skinNice.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/bootstrap-slider/slider.css">
</head>

<body class="hold-transition skin-blue sidebar-mini">

	<div class="wrapper">

		<!-- 页面头部 -->
		<jsp:include page="user-header.jsp"></jsp:include>
			<!-- 页面头部 /-->

		<!-- 导航侧栏 -->
		<jsp:include page="user-aside.jsp"></jsp:include>
		<!-- 导航侧栏 /-->

		<!-- 内容区域 -->
		<div class="content-wrapper"><%--开头--%>

			<%--<img src="${pageContext.request.contextPath}/img/center.jpg"--%>
				<%--width="100%" height="100%" />--%>
			<section class="content">
				<div class="row">
					<!-- left column -->
					<div class="col-md-6">
						<!-- general form elements -->
						<%--
							深蓝：box box-primary
							浅蓝：box box-info
							绿色：box box-success
							橙色：box box-warning
							红色：box box-danger
						--%>

						<!-- /.box -->
						<button class="custom-btn btn-rp" onclick="location.href='${pageContext.request.contextPath}/pages/user-complaint-add.jsp'">
							<span><i class="fa fa-fw fa-thumbs-o-down"></i>投诉</span>
						</button>
						<button class="custom-btn btn-rp" onclick="location.href='${pageContext.request.contextPath}/pages/user-repair-add.jsp'">
							<span><i class="fa fa-fw fa-wrench"></i>报修</span>
						</button>
						<button class="custom-btn btn-rp" onclick="location.href='${pageContext.request.contextPath}/user/pay.do'">
							<span><i class="fa fa-fw fa-yen"></i>缴费</span>
						</button>
						<button class="custom-btn btn-rp"  onclick="location.href='${pageContext.request.contextPath}/pages/user-problem.jsp'">
							<span><i class="glyphicon glyphicon-question-sign"></i>常见问题</span>
						</button>
						<br><br>
						<div class="box box-danger">
							<div class="box-header with-border">
								<h3 class="box-title">公告</h3>
							</div>
							<div class="box-body">
								<c:forEach items="${notice}" var="nt">
								<div><i class="fa fa-fw fa-bullhorn" style="font-size: 20px;float:left;width:5%;line-height: 25px"></i>
									<p class="microsoft marquee" style="float:left;width:75%;">${nt.ntContent}</p>
									<p style="float:right;width:20%;font-style:italic;font-size:large">${nt.ntDateStr}</p>
								</div>
								<br><br>
								</c:forEach>
							</div>
						</div>
						<br>
						<div>
							<div class="box box-warning" style="float:left;width:49%;height:300px;">
								<div class="box-header with-border">
									<h3 class="box-title">资产信息</h3>
								</div>
								<div class="box-body" >
									<p style="position:relative;left: -90px;font-size: 17px">
										我的房屋：
										<c:forEach items="${house}" var="hs">
											<p style="font-size: 15px">${hs.houseBuild}栋${hs.houseNum}<br></p>
										</c:forEach>
									</p>
									<p style="position:relative;left: -90px;font-size: 17px">
										我的车位：
										<c:forEach items="${carsite}" var="cs">
											<p style="font-size: 15px">${cs.csNum}（${cs.csCarNum}）<br></p>
										</c:forEach>
									</p>
								</div>
							</div>

							<div class="box box-success" style="float:right;width:49%;height:300px;">
								<div class="box-header with-border">
									<h3 class="box-title">缴费通知</h3>
								</div>
								<div class="box-body">
									<p style="font-size: 17px;position:relative;left: -60px">${title1}${username}${sex}</p>
									<p style="font-size: 17px;position:relative;left: -25px">${title2}</p>

									<c:forEach items="${pay}" var="pay">
										<p style="color: red;font-size: 15px">${pay.payTypeStr}${pay.payMoney}${yuan}<br></p>
									</c:forEach>
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;${title3}
								</div>
							</div>
						</div>



					</div>
					<!--/.col (left) -->
					<!-- right column -->
					<div class="col-md-6">

						<div class="box box-primary" style="width:600px; height:300px;">
							<div class="box-header with-border">
								<h3 class="box-title">我的投诉</h3>
							</div>
							<!-- /.box-header -->
							<div class="box-body">
								<table class="table table-bordered">
									<tbody><tr>
										<th>投诉时间</th>
										<th>投诉标题</th>
										<th>处理状态</th>
										<th >处理人</th>
									</tr>
									<c:forEach items="${pageInfo.list}" var="complaint">
									<tr>
										<td>${complaint.cpDateStr}</td>
										<td>${complaint.cpTitle}</td>
										<td>${complaint.cpStatusStr}</td>
										<td>${complaint.admin.adminname}</td>
									</tr>
									</c:forEach>

									</tbody></table>
							</div>
							<!-- /.box-body -->
							<div class="box-footer clearfix">
								<ul class="pagination pagination-sm no-margin pull-right">
									<li><a href="${pageContext.request.contextPath}/user/main.do?page=${pageInfo.pageNum-1}&size=${pageInfo.pageSize}&page1=${pageInfo1.pageNum}&size1=${pageInfo1.pageSize}">«</a></li>
									<c:forEach begin="1" end="${pageInfo.pages}" var="pageNum">
										<li><a href="${pageContext.request.contextPath}/user/main.do?page=${pageNum}&size=${pageInfo.pageSize}&page1=${pageInfo1.pageNum}&size1=${pageInfo1.pageSize}">${pageNum}</a></li>
									</c:forEach>
									<li><a href="${pageContext.request.contextPath}/user/main.do?page=${pageInfo.pageNum+1}&size=${pageInfo.pageSize}&page1=${pageInfo1.pageNum}&size1=${pageInfo1.pageSize}">»</a></li>
								</ul>
							</div>
						</div>
						<br>
						<div class="box box-info" style="width:600px; height:300px;">
							<div class="box-header with-border">
								<h3 class="box-title">我的报修</h3>
							</div>
							<!-- /.box-header -->
							<div class="box-body">
								<table class="table table-bordered">
									<tbody><tr>
										<th>报修时间</th>
										<th>问题简述</th>
										<th>维修状态</th>
										<th >处理人</th>
									</tr>
									<c:forEach items="${pageInfo1.list}" var="repair">
										<tr>
											<td>${repair.rpDateStr}</td>
											<td>${repair.rpTitle}</td>
											<td>${repair.rpStatusStr}</td>
											<td>${repair.admin.adminname}</td>
										</tr>
									</c:forEach>

									</tbody></table>
							</div>
							<!-- /.box-body -->
							<div class="box-footer clearfix">
								<ul class="pagination pagination-sm no-margin pull-right">
									<li><a href="${pageContext.request.contextPath}/user/main.do?page=${pageInfo.pageNum}&size=${pageInfo.pageSize}&page1=${pageInfo1.pageNum-1}&size1=${pageInfo1.pageSize}">«</a></li>
									<c:forEach begin="1" end="${pageInfo1.pages}" var="pageNum1">
										<li><a href="${pageContext.request.contextPath}/user/main.do?page=${pageInfo.pageNum}&size=${pageInfo.pageSize}&page1=${pageNum1}&size1=${pageInfo1.pageSize}">${pageNum1}</a></li>
									</c:forEach>
									<li><a href="${pageContext.request.contextPath}/user/main.do?page=${pageInfo.pageNum}&size=${pageInfo.pageSize}&page1=${pageInfo1.pageNum+1}&size1=${pageInfo1.pageSize}">»</a></li>
								</ul>
							</div>
						</div>
						</div>


					</div>
					<!--/.col (right) -->

				<!-- /.row -->
			</section>

		</div><%--结尾--%>
		<!-- 内容区域 /-->

		<!-- 底部导航 -->
		<footer class="main-footer">
		<div class="pull-right hidden-xs">
			<b>Version</b> 1.0.8
		</div>
		<strong>Copyright &copy; 2014-2017 <a
			href="http://www.itcast.cn">研究院研发部</a>.
		</strong> All rights reserved. </footer>
		<!-- 底部导航 /-->

	</div>

	<script
		src="${pageContext.request.contextPath}/plugins/jQuery/jquery-2.2.3.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/jQueryUI/jquery-ui.min.js"></script>
	<script>
		$.widget.bridge('uibutton', $.ui.button);
	</script>
	<script
		src="${pageContext.request.contextPath}/plugins/bootstrap/js/bootstrap.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/raphael/raphael-min.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/morris/morris.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/sparkline/jquery.sparkline.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/knob/jquery.knob.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/daterangepicker/moment.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/daterangepicker/daterangepicker.zh-CN.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/datepicker/bootstrap-datepicker.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/slimScroll/jquery.slimscroll.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/fastclick/fastclick.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/iCheck/icheck.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/adminLTE/js/app.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/treeTable/jquery.treetable.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/select2/select2.full.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.zh-CN.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/bootstrap-markdown.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/locale/bootstrap-markdown.zh.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/markdown.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/bootstrap-markdown/js/to-markdown.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/ckeditor/ckeditor.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/input-mask/jquery.inputmask.extensions.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/datatables/jquery.dataTables.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/datatables/dataTables.bootstrap.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/chartjs/Chart.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.resize.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.pie.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/flot/jquery.flot.categories.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/ionslider/ion.rangeSlider.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/bootstrap-slider/bootstrap-slider.js"></script>
	<script>
		$(document).ready(function() {
			// 选择框
			$(".select2").select2();

			// WYSIHTML5编辑器
			$(".textarea").wysihtml5({
				locale : 'zh-CN'
			});
		});

		// 设置激活菜单
		function setSidebarActive(tagUri) {
			var liObj = $("#" + tagUri);
			if (liObj.length > 0) {
				liObj.parent().parent().addClass("active");
				liObj.addClass("active");
			}
		}

		$(document).ready(function() {
			// 激活导航位置
			setSidebarActive("admin-index");
		});
	</script>
</body>

</html>